<?php session_start(); 
@$usuario=$_SESSION['username'];
@$idusuario=$_SESSION['userid'];
@$nombre=$_SESSION['user'];
@$apellido=$_SESSION['ape'];
?>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link href="css/propiedades.css" rel="stylesheet" type="text/css"  media="screen"/>
<script type="text/javascript" src="alertify.js/lib/alertify.js"></script>
		<link rel="stylesheet" href="alertify.js/themes/alertify.core.css"/>
		<link rel="stylesheet" href="alertify.js/themes/alertify.default.css" />
		<script>
			
			
			function ok(){
				alertify.success("Registro correcto!!!"); 
				return false;
			}
			
			function login(){
				alertify.success("Iniciando sesión"); 
				return false;
			}
			
			function error(){
				alertify.error("Usuario o constraseña incorrecto/a."); 
				return false; 
			}
			
		</script>
<script type="text/javascript" src="Script/jquery.js"></script>
<script type="text/javascript" src="Script/mostrar.js"></script>
<script type="text/javascript" src="Script/ajax_fu.js"></script>
<title>LG</title>
</head>

<body>
 <?php
if ( isset($_SESSION['username']) && isset($_SESSION['userid']) && $_SESSION['username'] != '' && $_SESSION['userid'] != '0' )
{?>
	<div id="chat" onDblClick="muestrame()">
        		<span class="icono_chat">e</span>
            </div>

		
        	
          
       <script type="text/javascript">
	   var el = document.getElementById("chat");
		if (el.addEventListener){
			el.addEventListener("mousedown", ratonPulsado, false);
			el.addEventListener("mouseup", ratonSoltado, false);
			document.addEventListener("mousemove", ratonMovido, false);
			} else { //Para IE
			el.attachEvent('onmousedown', ratonPulsado);
			el.attachEvent('onmouseup', ratonSoltado);
			document.attachEvent('onmousemove', ratonMovido);
			}  
	   </script>
      
       <div id="form_chat" style="display:none">
       	<div id="mensajes">
        	<script type="text/javascript">
			  chat();
			</script> 
        </div>
        <?php 
		date_default_timezone_set("Mexico/General");
	    $actual=date("H:i",time());
	?>
        <form action="" id="form_mensaje">
               <input type="text"  id="chat_idcli" value="<?php echo $idusuario;?>" style=" display:none">
               <input type="text"  id="chat_nomusu" value="<?php echo $nombre;?>" style=" display:none">
               <input type="text"  id="chat_hora" value="<?php echo $actual;?>" style=" display:none">
               <input type="text"  id="chat_mensaje" maxlength="30"><br>
               <input type="submit" style="visibility:hidden;">
		  </form>
       </div> 
	   <?php
        }
      ?> 
<div id="cabeza">
	<header>
     	<img src="imagenes/logo2.png" width="auto" height="180" class="">
    </header>
    <section class="contenedor">
    <a id="tMenor">LG<br>Life's Good</a>
    <br>
    <a id="tMayor">Soporte Técnico</a>
                
	</section>
</div>
<nav id="menu">
       <ul class="menu">
                    <li id="lista">
                        <a href="javascript:muestra('inicio')">
                            <span class="ca-icon">n</span>
                            <div>
                              <h2 class="ca-main">Inicio</h2>
                            </div>
                        </a>
                    </li>
                    <li id="lista">
                        <a href="javascript:muestra('reporte')">
                            <span class="ca-icon">F</span>
                            <div>
                              <h2 class="ca-main">Reporte</h2>
                            </div>
                        </a>
                    </li>
                    <li id="lista">
                        <a href="javascript:muestra('login')">
                            <span class="ca-icon">U</span>
                            <div>
                              <h2 class="ca-main">Sesión</h2>
                            </div>
                        </a>
                    </li>
                    <li id="lista">
                        <a href="javascript:muestra('contacto')">
                            <span class="ca-icon">X</span>
                            <div>
                              <h2 class="ca-main">Contactanos</h2>
                            </div>
                        </a>
                    </li>
  </ul>
    </nav>
    
    <article>
    
     <div id="inicio" style="display:block">
        <h1>Servicio Técnico</h1>
 
   			
            	<h3>Contamos con Técnicos Altamente Capacitados y Especializados.</h3>

<h4>Atendemos todos sus requerimientos para Refrigerador, Lavadora, Secadora y Aire acondicionado.</h4>
<p>
<h3>INSTALACION..</h3>
Cada aparato necesita de una instalación especial para no alterar las capacidades del sistema . Tenemos todos los accesorios y materiales para realizar la instalación de acuerdo a las especificaciones del fabricante.
</p>
<p>
<h3>MANTENIMIENTO..</h3>
Te recomendamos mandes hacer una revisión y mantenimiento a tus equipos cada año , aun que no presenten fallas , esto lo mantendrá en optimas condiciones de funcionamiento y evitara averías por falta de lubricación , limpieza y ajuste general.
</p>
<p>
<h3>REPARACION..</h3>
Si tu equipo llega a presentar fallas no dudes en llamarnos, contamos con todo un equipo de trabajo altamente capacitado para satisfacer tus necesidades de servicio , sólo utilizamos refacciones nuevas y originales instaladas por técnicos que actualizamos constantemente conforme avanza la tecnología aplicada a los más modernos equipos Samsung.
</p>
<p>
Desde siempre LG ha tenido la firme visión de otorgar al cliente productos con la más alta calidad y funcionalidad , que brinden confort con un estilo especial a su hogar. 

Para que el prestigio de su marca perdure atravez del tiempo ha creado un sistema de capacitación para sus Centros de Servicio Autorizado. 

En nuestro Centro de Servicio actualizamos constantemente a nuestros Técnicos para brindarle los servicios que requiere para optimizar el funcionamiento de sus equipos. 

Cada equipo LG requiere de una instalación especifica , mantenimiento preventivo y en caso de fallas , de una reparación especializada. 

Contamos con la infraestructura para dar satisfacción a tus necesidades de servicio en un tiempo mucho menor al que lo haría cualquier otro.
            </p>
 </div>
 
  <div id="reporte" style="display:none">
  <?php 
  if ( isset($_SESSION['username']) && isset($_SESSION['userid']) && $_SESSION['username'] != '' && $_SESSION['userid'] != '0' )
  {?>
                <nav id="submenu">
                <ul id="lis">
	             <li><a href="javascript:muestra3('rep')">Reporte</a></li>
                 <li><a href="javascript:muestra3('det')" onClick="select_rep(<?php echo $idusuario;?>);">Detalles</a></li>
                 </ul>
                </nav>
                <br><br><br><br>
    <div id="rep">
	<p><h1>LLene todos los campos para realizar el Reporte</h1></p> 
	  <table>
    <form name="reporte" action="" id="form_rep">
    	<tr>
        	<td>
            	Idcliente:
            </td>
            
            <td>
            	<input type="text" name="idcli" value="<?php echo @$idusuario?>" readonly style="-webkit-user-select:none" id="idcli">
            </td>
            
            <td>
            	Tipo de garantia:
            </td>
            
            <td>
            	<select name="garan" id="garan" onChange="select_marca(this.value)">
                    <option>Selecciona una opción</option>
                	<option value="Garantia">Garantia</option>
                    <option value="Cargo">Por cargo</option>
                </select>
            </td>
            
            <td>
            	Linea:
            </td>
            
            <td>
                <select name="linea" onChange="mostrarselect(this.value)" id="linea">
                	<option>Selecciona una opción</option>
                    <option value="Linea Blanca">Linea Blanca</option>
                    <option value="Linea Marrón">Linea Marrón</option>
                </select>
            </td>
        </tr>
        
        <tr>
        	<td>
            	Equipo:
            </td>
            <td id="res">
            	<select>
                	
                    
                </select>
            </td>
            
            <td>
            	Marca:
            </td>
            <td id="res_marca">
            	<select>
                </select>
            </td>
            
            <td>
            	Modelo:
            </td>
            <td>
            	<input type="text" name="modelo" id="modelo" required>
            </td>
            
        </tr>
        
        <tr>
        	<td>
            	Alta
            </td>
            <td>
            	<input type="text" name="alta" id="alta" value="<?php echo @$nombre.' '.$apellido;?>" readonly>
            </td>
            
            <td>
            	Fecha Alta:
            </td>
            <td>
       <?php 
        date_default_timezone_set("UTC");
		$value=date("Y-m-d");?>
       <input type="text" name="fecha_alta" value=" <?php echo @$value;?>" readonly style="-webkit-user-select: none;
    -moz-user-select: none;" id="fecha_alta">
  
            </td>
            
            <td>
            	Fecha Cita:
            </td>
            <td>
            	<input type="date" name="fecha_cita" id="fecha_cita" onChange="select_tec(this.value)" required>
            </td>
        </tr>

        <tr>
            <td>
            	Serie:
            </td>
            <td>
            	<input type="text" name="serie" id="serie" required>
            </td>
            
            <td>
            	idTecnico:
            </td>
            <td id="res_tec">
            	<select>
                </select>
            </td>
            <td>
            	Tipo Servicio:
            </td>
            <td id="res_ser">
            	<select>
                </select>
            </td>
            
        </tr>
        
        <tr>
        	<td>
            	Falla:
            </td>
            <td>
            	<textarea cols="30" rows="10" name="texto" id="texto" required></textarea>
            </td>
            
            <td>
            </td>
            <td>
            	<input type="submit" value="Reportar" id="bton">
            </td>
        </tr>
        </form>
    </table>
	</div>
	<div id="det" style="display:none">
    <table>
    	<form method="post" action="php/pdf/tutorial/pdf.php" target="_blank">
        <tr>
        	<td>
             <h2>Servicos de <?php echo $nombre." ".$apellido?></h2>
            </td>
        </tr>
        <tr>
          <td> 
            <select name="servicios_cli" id="select_det">
            
            </select>
          </td>
        </tr>
        <tr>
         <td>
          <input type="submit" id="bton" value="Ver Detalles">
         </td>
        </tr>
        </form>
    </table>
	</div>
	<?php
  }else
  { ?>
	  <h1 id="htit">Debe iniciar Sesión para realizar su Reporte</h1>
 
        <a href="javascript:muestra('login')"><img src="imagenes/sesion.png" width="256" height="256" id="img_log">  </a>         
 <?php
 };
  ?>
  
    
 
 </div>
 
     <div id="login" style="display:none">
     <?php
if ( isset($_SESSION['username']) && isset($_SESSION['userid']) && $_SESSION['username'] != '' && $_SESSION['userid'] != '0' ){
    	echo'';
			 }else {
				 echo'<nav id="submenu">
                <ul id="lis">';?>
                 <li><a href="javascript:muestra2('lo')">Login</a></li>
                 <li><a href="javascript:muestra2('re')">Registro</a></li>
               <?php echo' </ul>
               </nav>
            <br><br>';
				 }
			?>  
     <div id="re" style="display:none">
     <p><h1>Ingrese sus datos para registrarse</h1></p>
     <table>
     <form  action="" name="form_reg"  id="form_reg">
         <tr>
         	<td>
         		Nombre:
            </td>
            <td>
         	<input type="text" name="nom_re" id="nom_re" required>
            </td>
        
         	<td>
            	Apellido:
            </td>
            <td>
         		<input type="text" name="ape_re" id="ape_re" required>
            </td>
            
        </tr>
        <tr>
        	<td>
         		Correo:
            </td>
            <td>
         		<input type="email" name="ema_re" id="ema_re" required>
            </td>
         	<td>
            	Contraseña:
            </td>
            <td>
         		<input type="password" name="pass_re" id="pass_re" required>
         	</td>   
        </tr>
        
        <tr>
        	<td>
            	Ciudad:
            </td>
            <td>
         		<input type="text" name="ciu_re" id="ciu_re" required>
         	</td>
            
            <td>
         		Dirección:
            </td>
            <td>
         		<input type="text" name="dir_re" id="dir_re" required>
            </td>
            
        </tr>
        
        <tr>
	        <td>
                Referencia:
            </td>
            <td>
                <input type="text" name="ref_re" id="ref_re" required>
            </td>
            
            <td>
                Telefono:
            </td>
            <td>
                <input type="tel" name="tel_re" id="tel_re" required>
            </td>
            
        </tr>
     
        <tr>
        	<td>
            	Telefono2:
            </td>
         	<td>
            	<input type="tel" name="cel_re" id="tel2_re" required>
            </td>
        <td>
            	Celular:
            </td>
         	<td>
            	<input type="tel" name="cel_re" id="cel_re" required>
            </td>	
        </tr>
        <tr>
        <td></td>
       		 <td>
         		<input type="submit" value="Registrar" id="bton">
            </td>
        </tr>
     </form>
     </table>
	</div>	

	<div id="lo" style="display:block">	
     
			<?php
if ( isset($_SESSION['username']) && isset($_SESSION['userid']) && $_SESSION['username'] != '' && $_SESSION['userid'] != '0' ){
	?>
     <div id="alertBoxes"></div>
		
	<div class="session_on" style="text-align:center">
		<p><h1>Sesión iniciada Bienvenido....</h1></p><h2><?php echo $usuario;?></h2><br><a href="javascript:void(0);" id="sessionKiller"><img src="imagenes/Cerrar Hotmail 2013 de forma segura.jpg" width="320" height="290" style="margin-left:20%"></a><span class="timer" id="timer"  style="margin-left: 10px;"></span>
	</div><?php
}
else{
	?><p><h3>Ingrese sus datos para iniciar sesión</h3></p>
     <div id="alertBoxes"></div>
		
	<form method="post" action="">
		<table cellpadding="0" cellspacing="0" border="0">
			<tr>
				<td>Correo:</td>
				<td><input type="email" name="login_username" id="login_username" /></td>
			</tr>
			<tr>
				<td>Contrase&ntilde;a:</td>
				<td><input type="password" name="login_userpass" id="login_userpass" /></td>
			</tr>
			<tr>
				<td colspan="2" align="right"><span class="timer" id="timer"></span><button id="login_userbttn">Login</button></td>
			</tr>
		</table>
	</form>
    <?php
}
			?>
		
	</div>
     </div>
     
  <div id="contacto" style="display:none">
   <img src="imagenes/contacto.png" width="20%" height="20%" id="img_con">
   	      <div id="form_con">
          
    <table>
        <form method="post" action="php/correo.php">     
        	<tr>
                <td>
            		Nombre:
                </td>
                <td>
                	<input type="text" name="nombre" required>
                </td>
            </tr>
            
            <tr>
            	<td>
                	Email:
                </td>
                <td>
                <input type="email" name="email" required>
                </td>
            </tr>
            
            <tr>
                <td>
                	Telefono:
                </td>
                <td>
                <input type="tel" name="telefono" required>
                </td>
            </tr>
            
            <tr>
                <td>
                	Tipo aparato:
                </td>
                <td>
                <select>
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option>
                </select>
                </td>
            </tr>
            
            <tr>
                <td>
                	Descripcion falla:
                </td>
                <td>
                <textarea cols="30" rows="10" name="texto"></textarea>
                </td>
            </tr>
            
            <tr>
            	<td>
                </td>
                <td>
                <input type="submit" value="Enviar" id="bton">
                </td>
            </tr>
        </form>
    </table>
       </div>

  </div>
  

    <footer></footer>
    </article>
    
    
</body>
</html>